<template>
  <div class="yjz-page500">
    <div class="page500-content">
      <img src="~@public/image/error/500.svg" alt>
      <h5 style="padding: 20px 0;font-size:18px;">服务器内部错误，不能执行该请求，请点击下面按钮返回首页....</h5>
      <el-button size="large" type="primary" @click="handleClickGotoHome">返回主页</el-button>
    </div>
  </div>
</template>
<script>
export default {
  name: "g2Page500",
  methods: {
    handleClickGotoHome() {
      this.$router.push("/login");
    }
  }
};
</script>


<style lang="scss">
@import "~@scss/themes/index.scss";
@import "~@scss/helpers/_mixins.scss";
@import "~@scss/helpers/_utils.scss";

@include c(page500) {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  min-height: 500px;
  .page500-content {
    position: relative;
    display: inline-block;
    height: 450px;
    width: 100%;
    text-align: center;
    margin: auto 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
</style>

